<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns:wicket>
<wicket:head>
	<title wicket:id="marketPageTitle" />
</wicket:head>
<body>
	<wicket:extend>
		<!--  form title -->
		<h2 class="title_n1_orange">
			<wicket:message key="marketPage.header" />
		</h2>
		<div id="component">
			<div class="panel clear">
				<div class="center">
					<!-- ********* criteria **********  -->
					<div class="block marketForm">
						<div class="formHeader">
							<div class="formLeft">
								<h3>
									<wicket:message key="marketPage.search" />
								</h3>
							</div>
						</div>
						<div class="formBody">
							<form wicket:id="searchForm">
								<p class="form_text">
									<label class="long" wicket:for="marketName"> <wicket:message
											key="field.searchMarketName">searchMarketName</wicket:message>
									</label> <input type="text" size="30" wicket:id="marketName" />
									<wicket:message key="includes">includes</wicket:message>
									<input type="submit" class="formMarketSearchButton"
										wicket:id="searchMarket" />
								</p>
							</form>
						</div>
					</div>
				</div>

				<!-- ********* results ********** -->

				<div class="block" wicket:id="dataContainer">
					<div wicket:id="feedbackConfirm"></div>

					<!-- 						<table wicket:id="otable" class="table table-quadril" summary="xxx" wicket:message="summary:marketPage.result" id="element" > -->
					<table class="table table-quadril dataview" summary="xxx"
						wicket:message="summary:marketPage.result" id="element">
						<caption>
							<span wicket:id="resultCounter"></span>
						</caption>
						<thead>
							<tr>

								<th scope="col" class="header" wicket:id="orderById" abbr="id"><span><wicket:message
											key="column.marketId">market identifier</wicket:message></span></th>
								<th scope="col" class="header" wicket:id="orderByName"><span><wicket:message
											key="column.marketName">market name</wicket:message></span></th>
								<th scope="col" class="header"><span><wicket:message
											key="column.marketDescription">description</wicket:message></span></th>
								<th scope="col" class="header"><span>&nbsp;</span></th>
							</tr>
						</thead>
						<tfoot>
							<!-- tr tag must exist to follow XHTML specification -->
							<tr>
								<td colspan="4"></td>
							</tr>
						</tfoot>
						<tbody>
							<tr style="display: none" class="even">
								<td>1</td>
								<td>market name</td>
								<td>market description</td>
								<td></td>
							</tr>
							<tr class="odd" wicket:id="result">
								<td scope="col"><span wicket:id="id">#1</span></td>
								<td scope="col"><a class="popin-link" href="#"
									wicket:id="lmarketId"> <span wicket:id="name">market
											name</span>
								</a></td>
								<td scope="col"><span wicket:id="description">market
										description</span></td>
								<td scope="col"><a href="#"
									wicket:message="title:button.delete" title="delete"
									wicket:id="deleteLink"> <img wicket:id="btnDelete"
										src="btnDelete.gif" alt="delete"
										wicket:message="alt:button.delete" />
								</a></td>
							</tr>
						</tbody>
					</table>
					<div wicket:id="navigator"></div>
					<!-- popin 	-->
					<div wicket:id="modalMarketWindow">
						<div class="block" wicket:id="panelCreate"></div>
					</div>
					<div wicket:id="modalUpdateMarketWindow">
						<div wicket:id="panelUpdate"></div>
						<!-- <a href="" wicket:id="koUpdateModalPopin">Annuler</a> -->
					</div>
				</div>

				<!-- ********* create ********** -->
				<div class="block">
					<div class="formHeader">
						<div class="formLeft">
							<h3>
								<wicket:message key="marketPage.create" />
							</h3>
						</div>
					</div>
					<div class="formBody">
						<a class="popin-link button-classic" href="#"
							wicket:id="createMarketButton"> <wicket:message
								key="createMarketPage.title">create market</wicket:message>
						</a>
					</div>
				</div>
			</div>
		</div>
	</wicket:extend>
</body>
</html>
